// ArticlesList.less
.articles-list {

  .article-card{
    border-radius: 8px;
  }
  .article-title {
    cursor: pointer;
    color: #333; // 默认颜色

  }
  .ant-card-meta-title:hover {
    color: #446ef6; // 鼠标悬停时的颜色
  }
  .article-item {
    padding-left:  10px;
    padding-right: 10px;
    width: 100%;
    background: #fff;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }


  .article-content {
    display: flex;
    flex-direction: row; // 水平排列
    align-items: center; // 垂直居中

  }

  .article-cover {
    width: 150px; // 根据需要调整宽度
    height: 100px; // 根据需要调整高度
    margin-left: 20px; // 图片与文本之间的间距
    object-fit: cover; // 确保图片覆盖整个区域
    border-radius: 4px; // 图片圆角
    margin-right: 100px;
  }

  .article-info {
    flex-grow: 1;
  }


  .ant-typography {
    color: rgba(0, 0, 0, 0.45);
    font-size: 14px;
  }
}